<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
	<title>Contact 360innovation</title>
<!-- define some style elements-->
<style>
.alignment {text-align:center;}
.alltext{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff; }
.intro{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff; text-align:center;}

body {
	background-color: #FCFCFC;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}
.tagline {
	font-family: "Century Gothic";
	color: #00B0F6;
	font-size: 24px;
	text-align: center;
	text-transform:uppercase;
	font-weight: bold;
}
.intro {
	color: #333;
}
label,a, body 
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px; 
}
.err
{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color: red;
}
</style>	
<!-- a helper script for vaidating the form-->
<script language="JavaScript" src="scripts/gen_validatorv31.js" type="text/javascript"></script>	
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<body>

<table width="100%" border="0" cellpadding="0" cellspacing="0" class='err' id='contact_form_errorloc'>  <tr>
    <td width="554" bgcolor="#010206" class="alignment"><a href="index.php"><img src="logo.jpg" alt="360 Innovation" width="178" height="106" class="alignment" /></a>
    <br /><br /></td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF"><p class="tagline"><br />
      Collaborative Change</p>
    <p class="intro"><span class="intro">We thank you for your interest in 360innovation. <br />
      Please use the contact form below to send us a message and we will contact you as soon as possible.</span><br />
      </p>
    <p class="intro"><span style="text-align:center; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px;">Fields marked with (*) are required.</span></p></td>
  </tr>
  <tr>
    <td bgcolor="#FCFCFC" style="text-align:center;"><img src="seperator-bottom-980.png" alt="seperator" width="980" height="70"/></td>
  </tr></table>
<form method="POST" name="contact_form" 
action="/contact/index.php"> 
<p>
<label for='name'>Name*: </label><br>
<input type="text" name="name" value=''>
</p>
<p>
<label for='email'>Email*: </label><br>
<input type="text" name="email" value=''>
</p>
<p>
<label for='message'>Message*:</label> <br>
<textarea name="message" rows=8 cols=30></textarea>
</p>
<p>
<img src="captcha_code_file.php?rand=8878" id='captchaimg' ><br>
<label for='message'>Enter the code above here :</label><br>
<input id="6_letters_code" name="6_letters_code" type="text"><br>
<small>Can't read the image? click <a href='javascript: refreshCaptcha();'>here</a> to refresh</small>
</p>
<p>
  <input type="submit" value="Submit" name='submit'>
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</form>
<script language="JavaScript">
// Code for validating the form
// Visit http://www.javascript-coder.com/html-form/javascript-form-validation.phtml
// for details
var frmvalidator  = new Validator("contact_form");
//remove the following two lines if you like error message box popups
frmvalidator.EnableOnPageErrorDisplaySingleBox();
frmvalidator.EnableMsgsTogether();

frmvalidator.addValidation("name","req","Please provide your name."); 
frmvalidator.addValidation("email","req","Please provide your email."); 
frmvalidator.addValidation("email","email","Please enter a valid email address."); 
frmvalidator.addValidation("message","req","Please enter a short message."); 
</script>
<script language='JavaScript' type='text/javascript'>
function refreshCaptcha()
{
	var img = document.images['captchaimg'];
	img.src = img.src.substring(0,img.src.lastIndexOf("?"))+"?rand="+Math.random()*1000;
}
</script>
</body>
</html>